<!--<title>Autocomplete with CodeIgniter & jQuery</title>
<link href="<?php echo base_url(); ?>css/ui-lightness/jquery-ui-1.8.16.custom.css" media="screen" type="text/stylesheet" rel="stylesheet">
 
 
 
<form>
     
    <label for="search"><cufon class="cufon cufon-canvas" alt="Search" style="width: 40px; height: 14px;"><canvas width="46" height="14" style="width: 46px; height: 14px; top: 0px; left: -1px;"></canvas><cufontext>Search</cufontext></cufon></label>
    <input type="text" id="search">
    <input type="hidden" value="<?=base_url()?>" id="hiddenurl">
    <input type="submit" value="Submit">
</form>
 
 
 
<script src="<?php echo base_url(); ?>js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>js/autocomplete.js" type="text/javascript"></script>-->

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>jQuery UI Autocomplete Ejemplo</title>
		<link type="text/css" href="<?php echo base_url(); ?>css/jquery-ui-1.8.10.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#autocomplete').autocomplete({
				source:'<?php echo site_url('autocomplete/ajax'); ?>',
				select: function(event, ui) {
					alert(ui.item ? "Selected: " + ui.item.id : "Nothing selected, input was " + this.value );
				}
			});
		});
		</script>
	</head>
	<body>
	<p><label for='autocomplete'>Nombre de Usuario: </label><input type='text' id='autocomplete'></p>
	</body>
</html>